
var recordId = [];
$('#donationArea').bootstrapTable({
    classes: 'table table-bordered table-hover table-striped',
    url: 'getDonationAreaList',
    method: 'get',
    contentType:'application/json',
    dataType : 'json',        // 因为本示例中是跨域的调用,所以涉及到ajax都采用jsonp,
    uniqueId: 'donationAreaId',
    idField: 'donationAreaId',             // 每行的唯一标识字段
    toolbar: '#toolbar',       // 工具按钮容器
    clickToSelect: false,     // 是否启用点击选中行
    showColumns: true,         // 是否显示所有的列
    showRefresh: true,         // 是否显示刷新按钮
    singleSelect: true,
    //showToggle: true,        // 是否显示详细视图和列表视图的切换按钮(clickToSelect同时设置为true时点击会报错)
    pagination: true,                    // 是否显示分页
    sortOrder: "asc",                    // 排序方式
    sidePagination: "client",            // 分页方式：client客户端分页，server服务端分页
    pageNumber: 1,                       // 初始化加载第一页，默认第一页
    pageSize: 15,                        // 每页的记录行数     // 可供选择的每页的行数
    search: true,                      // 是否显示表格搜索，此搜索是客户端搜索

    //showExport: true,        // 是否显示导出按钮, 导出功能需要导出插件支持(tableexport.min.js)
    //exportDataType: "basic", // 导出数据类型, 'basic':当前页, 'all':所有数据, 'selected':选中的数据

    columns: [{
        checkbox: true    // 是否显示复选框
    }, {
        field: 'donationAreaId',
        title: '地区ID',
        align : "center",
        sortable: true    // 是否排序
    }, {
        field: 'donationAreaCity',
        title: '城市'
    }, {
        field: 'donationAreaAddress',
        title: '详细地址'
    }, {
        field: 'donationAreaTimes',
        title: '捐赠次数',
        align : "center",
        sortable: true
    }, {
        field: 'createTime',
        title: '开通捐赠时间',
        align : "center",
        sortable: true,
        formatter:function(value){
            return new Date(+new Date(new Date(value).toJSON()) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '');
        }
    }, {
        field: 'updateTime',
        title: '最近捐赠时间',
        align : "center",
        sortable: true,
        formatter:function(value,item){
            if(item.createTime === item.updateTime){
                return "<h4><span class='label label-danger'>没有捐赠记录</span></h4>"
            }else {
                return new Date(+new Date(new Date(value).toJSON()) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '');
            }
        }
    }],
    onLoadSuccess: function(data){
        $("[data-toggle='tooltip']").tooltip();
    }
});

$('#distributionRecord').bootstrapTable({
    classes: 'table table-bordered table-hover table-striped',
    url: 'getDistributionRecord',
    method: 'get',
    contentType:'application/json',
    dataType : 'json',        // 因为本示例中是跨域的调用,所以涉及到ajax都采用jsonp,
    uniqueId: 'recordId',
    idField: 'recordId',             // 每行的唯一标识字段
    cache: false,
    toolbar: '#toolbar',       // 工具按钮容器
    showRefresh: true,         // 是否显示刷新按钮

    showToggle: true,        // 是否显示详细视图和列表视图的切换按钮(clickToSelect同时设置为true时点击会报错)

    pagination: true,                    // 是否显示分页
    sortOrder: "asc",                    // 排序方式
    sidePagination: "client",            // 分页方式：client客户端分页，server服务端分页
    pageNumber: 1,                       // 初始化加载第一页，默认第一页
    pageSize: 10,                        // 每页的记录行数     // 可供选择的每页的行数

    //showExport: true,        // 是否显示导出按钮, 导出功能需要导出插件支持(tableexport.min.js)
    //exportDataType: "basic", // 导出数据类型, 'basic':当前页, 'all':所有数据, 'selected':选中的数据

    columns: [{
        field: 'recordId',
        title: '记录ID',
        sortable: true    // 是否排序
    }, {
        field: 'userId',
        title: '用户ID',
        sortable: true
    }, {
        field: 'donor',
        title: '捐赠人'
    }, {
        field: 'recycleId',
        title: '捐赠流水号',
        sortable: true
    },{
        field: 'startAddress',
        title: '起始位置'
    }, {
        field: 'jsonAddress',
        title: '目前位置',
        formatter:function (value,item,index) {
            recordId[index] = item.recordId;
            if(item.jsonAddress!=="暂无"){
                var json = JSON.parse(item.jsonAddress);
                return json[json.length-1].address;
            }else {
                return "暂无";
            }
        }
    }, {
        field: 'donationName',
        title: '捐赠物'
    },{
        field: 'joinTime',
        title: '创建时间',
        sortable: true,
        formatter:function (value) {
            return new Date(+new Date(new Date(value).toJSON()) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '');
        }
    },{
        field: 'updateTime',
        title: '更新时间',
        sortable: true,
        formatter:function (value) {
            return new Date(+new Date(new Date(value).toJSON()) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '');
        }
    }],
    onLoadSuccess: function(data){
        $("[data-toggle='tooltip']").tooltip();
    }
});

$("#confirm").click(function () {
    var area=$("#donationArea").bootstrapTable('getSelections');
    if(area.length===0){
        $("#message").append(" <div class=\"alert alert-danger alert-dismissable\">\n" +
            "                        <button type=\"button\" class=\"close\" data-dismiss=\"alert\"\n" +
            "                                     aria-hidden=\"true\">\n" +
            "                                     &times;\n" +
            "                         </button>\n" +
            "                         请选择捐赠的地区！！\n" +
            "                   </div>");
    }else {
        $("#confirm").attr("disabled","disabled");
        $("#message").empty();
        $.ajax({
            type: 'post',
            url: 'allocateDonationArea',
            traditional: true,
            data: {
                areaId:area[0].donationAreaId,
                area:area[0].donationAreaCity+area[0].donationAreaAddress,
                recordId:recordId
            },
            success:function (data) {
                if(data===1){
                    $("#confirm").removeAttr("disabled");
                    $('#donationArea').bootstrapTable('refresh');
                    $('#distributionRecord').bootstrapTable('refresh');
                }
            }
        })
    }

});